<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>SC Commentaries</title>
	<script src="/media/js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<link href="/media/css/style.css" type="text/css" rel="stylesheet">

	## This should not be used in child templates except for main
	## Also, I should find a better way to do this.
	${next.head()}
</head>
<body>
	<div class="wrapper">
		<div class="container">
			<div class="main">
				<div class="header">
					<h1 class="title"><a href="/">SC Commentaries</a></h1>
					<!--<p class="olive">Some neat little catch phrase</p>-->
				</div>
				${self.container()}

				<div class="clearer"></div>
			</div>
			<div class="footer">
				<div class="left">
					&copy; 2009 <a href="/">sccommentaries.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> &amp; <a href="http://validator.w3.org/check?uri=referer">HTML</a>
				</div>
				<div class="right">
					<a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a>
				</div>
				<div class="clearer"><span></span></div>
			</div>
		</div>
	</div>
</body>
</html>

